/*
Language flags
==================================================
Displays a country flag the size of 14px x 11px used for language selections purposes.

inspired by: https://github.com/dhanishgajjar/css-flags

@deprecated tag:v6.8.0 - This file will be removed

You can use the Twig block 'layout_header_actions_languages_widget_form_items_flag_inner' and
'layout_header_actions_language_widget_content_inner' to add custom flags if desired.
*/

@if not feature('v6.8.0.0') {
    .language-flag {
        display: inline-block;
        height: 12px;
        width: 16px;
        border: 1px solid $gray-500;
        margin-top: 1px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100%;

        &.country-de {
            background-image: linear-gradient(to bottom, #000 33%, #f00 33%, #f00 66%, #fc0 66%);
        }

        &.country-gb {
            background-image: url('');
        }

        &.country-us {
            background-image: url('');
        }
    }
}
